<template>
 <div class="tabbarmain">
   <tab-bar>
   <tab-bar-item path='/home' activecolor='pink'>
     <img slot="item-img" src='~assets/img/tabbar/shouye.png'>
     <img slot="item-img-active" src='~assets/img/tabbar/shouye1.png'>
    <div  slot="item-text">首页</div> 
   </tab-bar-item>
   <tab-bar-item path='/category' activecolor='pink'>
    <img  slot="item-img" src='~assets/img/tabbar/fenlei.png'>
    <img slot="item-img-active" src='~assets/img/tabbar/fenlei1.png'>
    <div slot="item-text">分类</div> 
   </tab-bar-item>
   <tab-bar-item path='/cats' activecolor='pink'>
    <img slot="item-img" src='~assets/img/tabbar/gouwuchezhengpin.png'>
    <img slot="item-img-active" src='~assets/img/tabbar/gouwuchezhengpin1.png'>
    <div slot="item-text">购物车</div> 
   </tab-bar-item>
   <tab-bar-item path='/profile' activecolor='pink'>
    <img slot="item-img" src='~assets/img/tabbar/wode.png'>
    <img slot="item-img-active" src='~assets/img/tabbar/wode1.png'>
    <div slot="item-text">我的</div> 
   </tab-bar-item>
   </tab-bar>
</div>
  
 
</template>

<script>
import TabBar from 'components/common/tabbar/tabbar'
import TabBarItem from 'components/common/tabbar/tabbaritem'
export default {
  name:'tabbarmain',
  components: {
    TabBarItem,TabBar
  }
}
</script>

<style scoped>
 
</style>